<%@ page import="java.sql.*" %>
<%@ page import="java.io.*" %>

<jsp:include page="head.jsp" />
<!-- green header strip with login and my account links -->
	<div id="header-wrap" class="wrap">
		<div id="green-header" class="container">
			<div id="customer-links" class="pull-right">
				<% 
				String logoutbtn = null;
				if (session.getAttribute("username") == null){
					logoutbtn = "login";
						}
						else{
							
						logoutbtn = "logout";
				}
%>				
				<a href="<%=logoutbtn %>.jsp"><%=logoutbtn %></a>
				<a href="account.jsp">My Account</a>
				<a href="registration.jsp">Sign-Up</a>
			</div>
		</div>
	</div>
<!-- the row-end div is to take care of the floating issue -->
	<div class="row-end"></div>
<!-- This is the main content of the "page" 978px wide -->

	<header class="container">
	<div class="col3" id="logo">
		<img src="images/TravelLogo.jpg" alt="travel experts" />
	</div>
	<div class="col9" id="main-nav">
		<ul class="pull-right">
			<li><a href="index.jsp">Home</a></li>
			<li><a href="index.jsp">Packages</a></li>
			<li><a href="index.jsp">Specials</a></li>
			<li><a href="index.jsp">blog</a></li>
			<li><a href="index.jsp">Contact</a></li>
		</ul>
	</div>
	</header>
	<div class="row-end"></div>
<div id="main" role="main" class="container">
<p>Thank you for deciding to register with TravelExperts.  Please fill in the following information and
an agent will get back to you within 24 hours.</p>
<div class="row-end"></div>
<form action="formHandler.jsp" id="registration" action="get">
<div class="col5">
<label>First Name: </label>
<input type="text" name="fname" id="fname" />
<label>Last Name: </label>
<input type="text" name="lname" id="lname" />
<label>Address: </label>
<input type="text" name="caddress" id="caddress" />
<label>City: </label>
<input type="text" name="ccity" id="ccity" />
<label>Province: </label>
<select name="cprov">
<option value="choose">Select Province</option>
<option value="AB">Alberta</option>
<option value="BC">British Columbia</option>
<option value="SK">Saskatchewan</option>
<option value="MB">Manitoba</option>
<option value="ON">Ontario</option>
<option value="QC">Quebec</option>
<option value="NB">New Brunswick</option>
<option value="NS">Nova Scotia</option>
<option value="PI">Prince Edward Island</option>
<option value="NL" name="NL">Newfoundland/Labrador</option>
</select>
<!-- <label>Province: </label>
<input type="text" name="cprov" id="cprov" /> -->
<label>Postal Code: </label>
<input type="text" name="cpostal" id="cpostal" />
</div>
<div class="col5">
<label>Country: </label>
<input type="text" name="ccountry" id="ccountry" />

<label>Home Phone: </label>
<input type="tel" name="chomephone" id="chomphone" />
<label>Business Phone: </label>
<input type="tel" name="cbusphone" id="cbusphone" />
<label>Email: </label>
<input type="email" name="cemail" id="cemail" />
<label>Password: </label>
<input type="password" name="cpasswd" id="passwd" />
<label>Confirm Password: </label>
<input type="password" name="confirmPasswd" id="confirmPasswd" />
</div>
<div class="row-end"></div>
<input type="submit" value="Submit" />
<input type="reset" value="Reset" />

</form>

</div><!-- END Main -->
<!-- the row-end div is to take care of the floating issue -->

<div id="push"></div>
</div><!-- END OF Spacer -->
<jsp:include page="footer.jsp" />